<!DOCTYPE html>
<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="content-type">
        <title>Iniciar Sesión</title>
        <style type="text/css">
            body{
                background-color: #D6F0F9;
            }
            #loginBox{
                width: 400px;
                margin: auto;
                margin-top:30px;
                padding-left: 10%;
                padding-right: 10%;
                padding-top: 2%;
                padding-bottom: 5%;
                font-family: verdana;
                font-size: 10px;
                color: #000000;
                border:#143270 solid 2px;            
            }

            #loginBox h1{
                font-size: 18px;
                font-family: "Trebuchet MS";
                margin: 0;
                color: white;
            }
            #loginBox p{
                position: relative;
                padding-left: 2.5em;
                font-size: 12px;
                margin: 0;
                color:#143270;
                font-weight: bold;
                font-family: cursive;
            }
            #loginBox table{
                padding-top: 15px;
                padding-bottom: 15px;
                border-spacing: 0;   
            }
            #loginBox td.label{
                text-align: right;
            }
            #loginBox p.message{
                padding-bottom:10px;
            }
            #loginBox td.field input{
                border: #84AA00 solid 1px;
                width:150px;
                padding:2px;
                margin: 0 0 0 0px;
                font-weight:bold;
            }
            #loginBox td.field label{
                font-weight:bold;
                color:black;
                font-size:14px;
            }
            #loginBox td.field{
                padding-left: 0px;
                padding-right: 0px;

            }
            #loginBox td.buttons{
                text-align: right;
                padding-left: 35px;
                padding-right: 40px; 
                
            }
            #loginBox td.sello{
                padding-right: 20px;         
            }
        </style>
    </head>

    <body>
        <div id="loginBox">
            <center>
                <span>
                    <a ><img  style="margin-top: -110px; margin-left: -90px" src="<?php echo base_url('images/encabezado.png') ?>" alt="encabezado"/>
                    </a>
                    <h1 style="text-align:center;font-size: 34px;color:#143270;padding:3px;margin-top:-190px;"><br>
                        GAD MUNICIPAL DE LOJA<br>              
                    </h1>
                </span>
                <h1 style="color: #002166">BIENVENIDO/A al Sistema Municipal de Estacionamiento Rotativo Tarifado (SIMERT)</h1>
            </center><br>

            <table>
                <tr>
                    <td rowspan="3" class="sello"> 
                        <img style="height:180px; width:145px; margin-top: -20px"src="<?php echo base_url('images/logo.png')?> " />        
                    </td>
                    <td class="field" style="text-align: left">
                        <?php $label = array('class' => 'miclase') ?>
                        <?php $atributos = array('id' => 'crear') ?>
                        <?php echo form_open('index.php/login/form_control/login', $atributos); ?>
                        <p class="message" style="font-size: 13px; text-align: justify" >Digíta tu nombre de usuario y contraseña para ingresar al sistema.<br><br>
                        <?php echo form_error('nombre'); ?>     
                        <div style="margin-left: 33px;">
                            <label for="user_name"><a style="color: blueviolet">  
                            <?php echo form_label('Usuario:', 'nombre', $label) ?></a></label><br>
                            <?php echo form_input(array('name' => 'nombre', 'id' => 'nombre', 'class' => 'input', 'value' => set_value(''))) ?> <br>
                        </div>
                         <?php echo form_error('pass'); ?> 
                        <div style="margin-left: 33px">
                            <label for="password"><a style="color: blueviolet">                                    
                            <?php echo form_label('Contraseña:', 'pass', $label) ?></a></label><br>
                            <?php echo form_password(array('name' => 'pass', 'id' => 'pass', 'class' => 'input')) ?><br></p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="buttons" >
                        <?php echo form_submit('envio', 'INGRESAR') ?>
                        <?php echo form_close() ?>		
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
